<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>起始页</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/style.css">
<style>
	html,body{ color: #fff; font-size: 10px;}
	*{ margin: 0; padding: 0;}
	
	
</style>
<script src="js/mui.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/main.js"></script>
</head>
<body>
	<div id="first_page_header">
		<a href="" class="fp_try">先玩玩看</a>
		<a class="fp_continue" href="self_define.html">继续</a>
	</div>
	
	<div id="fp_con">
		<ul id="fp_main">
			<li>
				<em>电影</em>
				<span class="iconfont">&#xe63a;</span>
			</li>
			<li>
				<em>游戏</em>
				<span class="iconfont">&#xe638;</span>
			</li>
			<li class="active">
				<em>运动</em>
				<span class="iconfont">&#xe639;</span>
			</li>
			<li>
				<em>户外</em>
				<span class="iconfont">&#xe637;</span>
			</li>
			<li>
				<em>美食</em>
				<span class="iconfont">&#xe635;</span>
			</li>
			<li>
				<em>音乐</em>
				<span class="iconfont">&#xe636;</span>
			</li>
			<li>
				<em>书籍</em>
				<span class="iconfont">&#xe636;</span>
			</li>
		</ul>
		<div id="fp_sub">
			<div class="fp_sub_list">
				<div class="sub_page_wrap">
					<span>电影</span>
					<span>电影1</span>
					<span>电影2</span>
					<span>电影3</span>
					<span>电影4</span>
					<span>电影5</span>
					<span>电影6</span>
					<span>电影7</span>		
				</div>
				<div class="sub_page_wrap">
					<span>游戏</span>
					<span>游戏1</span>
					<span>游戏2</span>
					<span>游戏3</span>	
				</div>
			</div>
			<div class="fp_sub_list">
				<div class="sub_page_wrap">
					<span>游戏</span>
					<span>22222</span>
					<span>222222</span>
					<span>22222</span>
					<span>2222</span>
					<span>222222</span>
					<span>22</span>
					<span>222</span>		
				</div>
				<div class="sub_page_wrap">
					<span>户外</span>
					<span>22222</span>
					<span>222222</span>
					<span>22222</span>
					<span>2222</span>
					<span>222222</span>		
				</div>
			</div>
			<div class="fp_sub_list" style="display: block;">
				<div class="sub_page_wrap">
					<span>运动</span>
					<span>33</span>
					<span>3</span>
					<span>333333</span>
					<span>3333</span>
					<span>33333</span>
					<span>33</span>
					<span>333</span>	
				</div>
				<div class="sub_page_wrap">
					<span>332</span>
					<span>3333333</span>
					<span>3333333333</span>
					<span>33333</span>
					<span>3333</span>
					<span>33333</span>
					<span>33</span>
					<span>333</span>
				</div>
				<div class="sub_page_wrap">
					<span>3333333</span>
					<span>3333333333</span>
					<span>33333</span>
					<span>3333</span>
				</div>
			</div>
			<div class="fp_sub_list">
				<div class="sub_page_wrap">
					<span>户外</span>
					<span>444444</span>	
				</div>
				
			</div>
			<div class="fp_sub_list">
				<div class="sub_page_wrap">
					<span>美食</span>
					<span>5555</span>	
				</div>
			</div>
			<div class="fp_sub_list">
				<div class="sub_page_wrap">
					<span>音乐</span>
					<span>666666</span>	
				</div>
			</div>
			<div class="fp_sub_list">
				<div class="sub_page_wrap">
					<span>书籍</span>
					<span>777777</span>
				</div>
			</div>
		</div>
		<div class="sub_btn">
			<span class="sub_prev iconfont">&#xe620;</span>
			<span class="sub_next iconfont">&#xe621;</span>
		</div>
	</div>
</body>

<script>
	//阻止默认行为
    $(document).on("touchstart touchmove mousedown mousemove",function(event){
        var tag = $(event.target).parents()[0].tagName;
        var thistag = event.target.tagName;
        if ( tag != "A" && tag != "INPUT" && tag != "TEXTAREA" && tag != "SELECT" && thistag != "A" && thistag != "INPUT" && thistag != "TEXTAREA" && thistag != "SELECT"  )
        {
            event.preventDefault();
        }
    })
</script>
</html>
